Portfolio - présentation des projets sur le site web

CC WordPress Portfolio Documentation

Table des matières

1. Introduction
2. Installation
3. Activation de la licence
4. Panel de gestion
5. Ajouter des projets de portefeuille
6. Configuration des attributs
7. Gestion de la galerie d'images
8. Catégories et étiquettes
9. Modèles et affichage
10. Permaliens et URL
11. Intégration des médias sociaux
12. Importation et exportation
13. Paramètres avancés
14. Fonctionnalités pour les développeurs
15. Résolution de problèmes
16. FAQ

1. Introduction

• Type d'article personnalisé pour les projets de portfolio
• Système d'attribution avancé pour chaque projet
• Galeries de photos avec fonction lightbox
• Catégories et étiquettes pour les projets
• Noms de projets abrégés
• Boutons de partage des médias sociaux
• Importation et exportation de projets et de paramètres
• Modèles d'affichage personnalisables
• Permaliens personnalisés pour les projets

2. installation

• WordPress 5.0 ou supérieur
• PHP 7.2 ou plus récent
• Permission d'installer des plug-ins

1. Télécharger le fichier ZIP du plug-in depuis la boutique officielle cocos.codes
2. Se connecter au panneau d'administration de WordPress
3. Allez à : Plugins > Ajouter un nouveau plugin > Soumettre un plugin
4. Cliquez sur "Choisir un fichier" et sélectionnez le fichier ZIP téléchargé.
5. Cliquez sur "Installer maintenant"
6. Une fois l'installation terminée, cliquez sur "Activer le plug-in"

3. Activation de la licence

1. Après l'installation, allez dans le menu Portefeuille > Paramètres
2. Sélectionnez l'onglet "Licence
3. Saisir la clé de licence reçue après l'achat
4. Cliquez sur "Activer la licence"
5. Une fois l'activation réussie, un message de confirmation s'affiche et toutes les fonctions du plug-in sont déverrouillées.

4 Panneau de gestion

• Le portefeuille - liste de tous les projets
• Ajouter un nouveau - ajouter un nouveau projet de portefeuille
• Catégories - gestion des catégories de projets
• Tags - gestion des étiquettes de projet
• Attributs - la gestion des caractéristiques non standard des projets
• Paramètres - configuration du plug-in avec plusieurs onglets :
  • Modèles - paramètres d'affichage
  • Affichage - options visuelles
  • Galerie - paramètres de la galerie d'images
  • Attributs - configuration de l'affichage des attributs
  • URLs et Permalinks - Structure de l'URL
  • Intégration - connexions aux médias sociaux
  • Import/Export - outils pour le transfert de données
  • Avancé - options supplémentaires
  • Licence - gestion de la licence du plug-in

5. ajouter des projets de portefeuille

1. Allez dans Portefeuille > Ajouter un nouveau
2. Saisir le titre du projet
3. Ajouter une description du projet dans l'éditeur WordPress
4. Définir une image de mise en valeur (vignette du projet)
5. Configurer des sections supplémentaires :
   • Nom court du projet - titre abrégé facultatif utilisé dans les listes
   • Attributs du portefeuille - des informations complémentaires sur le projet (année, lieu, etc.)
   • Galerie de photos - photos supplémentaires montrant le projet
6. Affecter le projet à une catégorie et ajouter des étiquettes
7. Cliquez sur "Publier" ou "Mettre à jour".

6 Configuration des attributs

1. Allez dans Portefeuille > Attributs
2. Dans la liste, vous verrez les attributs déjà définis (les attributs de base sont déjà ajoutés par défaut).
3. Pour ajouter un nouvel attribut, cliquez sur le bouton "Ajouter un nouvel attribut".
4. Remplir le formulaire :
   • Nom - nom de l'attribut à afficher aux utilisateurs
   • Type - type de champ :
     • Texte - valeur textuelle courte
     • Zone de texte - texte plus long sur plusieurs lignes
     • Nombre - valeur numérique
     • Liste de contrôle - champ de sélection avec options prédéfinies
   • Options - liste de valeurs pour le champ de sélection (séparées par des virgules)
   • Afficher sur le devant - détermine si l'attribut sera visible pour les visiteurs
5. Cliquez sur "Enregistrer les attributs" pour enregistrer les modifications.

• Lors de la création ou de la modification d'un projet, remplissez les valeurs de la section "Attributs du portefeuille".
• Les attributs seront automatiquement affichés sur la page du projet en fonction des paramètres définis.
• Le format d'affichage des attributs peut être configuré dans Réglages > Attributs

7. gestion de la galerie de photos

1. Lors de l'édition du projet, allez dans la section "Galerie de photos".
2. Cliquez sur le bouton "Ajouter des photos
3. Sélectionner des fichiers dans la bibliothèque multimédia ou en télécharger de nouveaux
4. Vous pouvez modifier l'ordre des photos en les faisant glisser
5. Pour supprimer une photo, cliquez sur le lien "Supprimer" situé sous la photo.
6. Cliquez sur "Mettre à jour" ou "Publier" pour enregistrer les modifications.

1. Allez dans Portfolio > Paramètres > Galerie
2. Définir le nombre de colonnes dans la galerie
3. Activer ou désactiver la fonction lightbox
4. Sauvegarder vos paramètres

8 Catégories et étiquettes

1. Aller à Portfolio > Catégories
2. Ajouter de nouvelles catégories ou modifier les catégories existantes
3. Vous pouvez créer une hiérarchie de catégories (catégories parentales et sous-catégories)
4. Pour chaque catégorie, vous pouvez définir le nom, la balise (partie de l'URL) et la description.

1. Allez dans Portfolio > Tags
2. Ajouter de nouvelles étiquettes ou modifier les étiquettes existantes
3. Les étiquettes permettent d'étiqueter les projets en fonction de caractéristiques qui n'entrent pas dans la structure de la catégorie.

• Lors de l'édition d'un projet, affectez-le aux catégories appropriées dans la section de droite.
• Ajouter des balises dans la section des balises
• Les catégories et les étiquettes sont utilisées pour :
  • Filtrer les projets sur la page des archives
  • Création de pages de catégories avec une liste de projets connexes
  • Construire une structure de permaliens (optionnel)
  • Présentation de projets connexes

9 Modèles et affichage

1. Allez dans Portefeuille > Paramètres > Modèles
2. Activer ou désactiver l'utilisation de modèles à partir du plug-in
3. Sélectionnez les modèles qui doivent être remplacés par le plug-in :
   • Modèle de projet unique
   • Modèle d'archive de projet
   • Modèle de catégorie de projet
4. Sélectionnez un modèle parmi les options disponibles

1. Allez dans Portefeuille > Paramètres > Affichage
2. Configurez les options suivantes :
   • Nombre de projets sur le site
   • Nombre de colonnes dans la grille du projet (pour différents appareils)
   • Affichage de projets similaires
   • Filtres de catégories sur la page des archives
   • Navigation entre les projets
   • Affichage des étiquettes et des catégories
   • Affichage du contenu du projet

10. Permaliens et URL

1. Allez dans Portfolio > Paramètres > URL et liens permanents
2. Préparez des portions de base :
   • Base du portefeuille - l'intitulé de base des projets (par exemple, portefeuille, projets, réalisations)
   • Catégories de portefeuille - le nom d'une catégorie (par exemple, catégorie-portefeuille, type-projet)
   • Étiquettes du portefeuille - slug pour les tags (par exemple tag-portfolio, label)
3. Sélectionnez la structure de permalien pour les projets :
   • Défaut - portfolio/project-slug
   • Avec la catégorie - portfolio/category/project-slug

11. intégration des médias sociaux

1. Allez dans Portfolio > Paramètres > Intégration
2. Cochez l'option "Activer les boutons de partage des médias sociaux"
3. Sauvegarder vos paramètres

• Facebook
• Twitter/X
• LinkedIn
• Pinterest (uniquement si le projet comporte une image)
• Courriel

12 Importations et exportations

1. Allez dans Portefeuille > Paramètres > Importation/Exportation
2. Dans la section "Paramètres d'exportation", cliquez sur le bouton "Paramètres d'exportation".
3. Le fichier JSON contenant les paramètres sera téléchargé sur votre ordinateur.

1. Allez dans Portefeuille > Paramètres > Importation/Exportation
2. Dans la section "Paramètres d'importation", cliquez sur le bouton "Choisir un fichier" et sélectionnez le fichier JSON précédemment exporté.
3. Cliquez sur "Importer les paramètres"
4. Une fois l'importation terminée, la page est actualisée avec les nouveaux paramètres.

1. Allez dans Portefeuille > Paramètres > Importation/Exportation
2. Dans la section "Exporter des projets", cliquez sur le bouton "Exporter des projets".
3. Le fichier CSV contenant les projets sera téléchargé sur votre ordinateur.

1. Allez dans Portefeuille > Paramètres > Importation/Exportation
2. Dans la section "Importer des projets", cliquez sur le bouton "Choisir un fichier" et sélectionnez le fichier CSV précédemment exporté.
3. Cliquez sur "Importer des projets"
4. Lorsque l'importation est terminée, un message s'affiche avec un résumé de l'importation.

13. paramètres avancés

1. Allez dans Portefeuille > Paramètres > Avancés
2. Permet d'activer ou de désactiver des modules individuels :
   • Module d'attributs - permet de définir et d'afficher des attributs personnalisés
   • Module galerie - permet d'ajouter des galeries de photos aux projets
   • Module de catégorie - inclut la prise en charge des catégories et des étiquettes pour les projets

1. Dans la section "Custom CSS", vous pouvez ajouter vos propres styles CSS.
2. Des styles seront ajoutés à toutes les pages du portfolio
3. Cela vous permet de personnaliser l'apparence du portfolio sans modifier les fichiers du thème.

1. Si vous souhaitez rétablir les valeurs par défaut de tous les paramètres, cliquez sur le bouton "Réinitialiser les paramètres".
2. Confirmez que vous souhaitez réinitialiser les paramètres
3. Toutes les modifications seront perdues et les valeurs par défaut seront rétablies.

14 Fonctionnalités pour les développeurs

// Afficher les attributs du portefeuille
display_portfolio_attributes($post_id = null, $echo = true) ;

// Obtenir la valeur d'un attribut de portefeuille spécifique
get_portfolio_attribute($attribute_name, $post_id = null) ;

// Obtenir tous les attributs du portefeuille avec les valeurs
get_all_portfolio_attributes($post_id = null) ;

// Afficher la galerie de photos du portfolio
display_portfolio_gallery($post_id = null, $args = [], $echo = true) ;

// Récupère les identifiants des photos de la galerie du portfolio
get_portfolio_gallery_ids($post_id = null) ;

// Vérifier si l'entrée du portfolio possède une galerie de photos
has_portfolio_gallery($post_id = null) ;

// Afficher les catégories du portefeuille pour une entrée donnée
display_portfolio_categories($post_id = null, $args = [], $echo = true) ;

// Affichage des tags du portefeuille pour une entrée donnée
display_portfolio_tags($post_id = null, $args = [], $echo = true) ;

// Afficher la liste des catégories du portefeuille
display_portfolio_categories_list($args = [], $echo = true) ;

<?php
// Afficher les attributs du projet
// Utilisation d'une fonction d'aide pour afficher les attributs
if (function_exists('-CCWordPressPortfolio_display_portfolio_attributes')) {
   \CCWordPressPortfolio_portfolio_attributes() ;
}
?>

<?php
// Affichage des balises
// Afficher les balises du projet
if (function_exists('`CCWordPressPortfolio_display_portfolio_tags')) {
   echo '
' ;
   echo '' . __('Tags : ', 'cc-wordpress-portfolio') . '' ;
   \CCWordPressPortfolio_display_portfolio_tags() ;
   echo '
 ;
}
?>

15 Dépannage

1. Vérifier si les projets sont publiés (statut "Publié")
2. S'assurer que la licence du plug-in est active
3. Vérifier si les modèles du plug-in sont utilisés (Paramètres > Modèles)
4. Vérifier que la structure des permaliens est correctement configurée
5. Actualiser la structure des permaliens dans les réglages de WordPress (Réglages > Permaliens)
6. Vider le cache du navigateur et du serveur si vous utilisez un système de cache.

1. Vérifier si le module d'attributs est activé (Paramètres > Avancés)
2. Assurez-vous que l'option "Show on front" est cochée pour les attributs (Portfolio > Attributes).
3. Vérifier si des valeurs d'attributs ont été saisies pour le projet
4. Vérifiez que le modèle que vous utilisez prend en charge l'affichage des attributs.

1. Vérifiez que le module de galerie est activé (Paramètres > Avancés)
2. Veillez à ajouter des photos à la galerie du projet
3. Vérifiez que la fonction lightbox est activée (Paramètres > Galerie).
4. Vider le cache du navigateur et du serveur
5. Vérifier s'il y a des conflits avec d'autres plugins utilisant la boîte à lumière

16. LA FAQ